import { Menu } from 'antd';
import { AppstoreOutlined, MessageOutlined, SettingOutlined } from '@ant-design/icons';

// 添加SiderNav组件的props接口
interface SiderNavProps {
  defaultSelectedKeys: string[];
  defaultOpenKeys: string[];
}

const SiderNav = ({ defaultSelectedKeys, defaultOpenKeys }: SiderNavProps) => {
  const items = [
    {
      label: 'Model Settings',
      key: 'settings',
      icon: <SettingOutlined />,
      children: [
        { key: '1', label: 'Provider' },
        { key: '2', label: 'Model' },
        { key: '3', label: 'MCP Server' },
      ],
    },
    {
      label: 'Recent Conversations',
      key: 'message',
      icon: <MessageOutlined />,
    } 
  ];

  return (
    <Menu
      mode="inline"
      defaultSelectedKeys={defaultSelectedKeys}
      defaultOpenKeys={defaultOpenKeys}
      items={items}
      theme="light"
    />
  );
};

export default SiderNav;